import React, { Component } from 'react';

class App extends Component {
  //再原生js种，我们是使用获取dom元素，再添加事件
// handleSubmit=()=>{
//   let a=document.getElementById('input')
//   console.log('提交'+a.value)//输出的是input输入的值
// }
handleSubmit=()=>{
  console.log(this.state.inputValue)
}
state={
  inputValue:'input的值'
}
handleChange=(e)=>{
 this.setState({
  inputValue:e.target.value
 })
}
  render() {
    return (
      <div>
        <input type="text" id='input' value={this.state.inputValue} onChange={this.handleChange}/>
        {/* 如果value={this.state.inputValue}只是直接从state获取的话，
        直接显示不能输入输出，类似把值定死了 ，那么怎么办呢，添加onchange事件,通过this.setState*/}
        <button onClick={this.handleSubmit
        }>按钮</button>
      </div>
    );
  }
}

export default App;